﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Google Images</title>
    <link rel="Shortcut Icon" href="Imgs/Google_Icon.ico" />
    <!--link type="text/css" href="Srinivas_StyleSheet.css" /-->
    <style type="text/css">
        #chrometable
        {
            width: 15%; border:1px solid gray; visibility:visible;
         }
        .selectedPage
        {
            border-top-style: solid;
            border-top-color: Red;
            font-weight: bold;
        }
        .toprowtable td
        {
            background-color: Black;
            color: White;
        }
        .toprowtable td:hover
        {
            background-color: Gray;
            cursor: pointer;
            color: White;
        }
        .toprowtable a
        {
            background-color: Black;
            cursor: pointer;
            color: White;
        }
        
        .bottomrowtable
        {
            background-color: White;
            text-decoration: none;
            color: Gray;
        }
        .bottomrowtable:hover
        {
            background-color: White;
            text-decoration: underline;
            cursor: pointer;
            color: Gray;
        }
        a
        {
            text-decoration: none;
        }
        a:hover
        {
            text-decoration: underline;
        }
    </style>
</head>
<body style="margin: 0px">
    <table style="width: 1900" border="0">
        <tr>
            <td style="width: 100%">
                <table class="toprowtable" border="0" cellpadding="10" cellspacing="0">
                    <tr>
                        <td>
                            +You
                        </td>
                        <td class="selectedPage">
                            Search
                        </td>
                        <td>
                            <a href="Srinivas_GoogleImagesPage.htm">Images</a>
                        </td>
                        <td>
                            <a href="Srinivas_GoogleMapsPage.htm">Maps</a>
                        </td>
                        <td>
                            News
                        </td>
                        <td>
                            Orkut
                        </td>
                        <td>
                            Gmail
                        </td>
                        <td style="width: 700px">
                            More
                        </td>
                        <td nowrap="nowrap">
                            Sign in
                        </td>
                        <td>
                            <img src="Imgs/Wheel.JPG" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td style="width: 100%;">
                <table border="0" style="width: 100%; height: 80px">
                    <tr>
                        <td style="width: 100%;">
                            <table border="0" style="width: 100%; height: 100px">
                                <tr>
                                    <td style="width: 85%">
                                        &nbsp;
                                    </td>
                                    <td id="chrometable">
                                        <table border="0" style="width: 100%;">
                                            <tr>
                                                <td style="width: 15%">
                                                    <img alt="chrome image" src="Imgs/ChromeImge.JPG" />
                                                </td>
                                                <td style="width: 85%">
                                                    <table border="0" style="width: 100%">
                                                        <tr>
                                                            <td>
                                                                <img id="closebutton" alt="cross btn image" src="Imgs/Cross_btn.JPG" style="margin-left: 250px" />
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <b>A faster way to browse the web</b>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <a href="http://www.google.co.in" id="chromebutton">
                                                                    <img alt="chrome btn image" src="Imgs/Chrome_btn.JPG" /></a>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                        <!--<script type="text/javascript">
                                            document.getElementById("closebutton").style.visibility = "hidden";
                                        </script> -->
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                &nbsp;
            </td>
        </tr>
        <script type="text/javascript">
            alert(navigator.appName);
            debugger;
            if (navigator.appName == "Microsoft Internet Explorer")
                document.getElementById("chrometable").style.visibility = "visible";
            else
                document.getElementById("chrometable").style.visibility = "hidden";

      
        </script>
        <tr>
            <td style="width: 100%; height=100px" align="center">
                <img src="Imgs/GoogleSearch.JPG" align="middle" style="height: 100px" />
            </td>
        </tr>
        <tr>
            <td style="height: 50px">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td style="width: 100%; padding-left: 350px">
                <table border="0">
                    <tr>
                        <td style="width: 100%; text-align: center">
                            <input type="text" style="width: 500px; height: 25px; color: blue" />
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td style="height: 50px">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td style="width: 100%;">
                <table border="0">
                    <tr>
                        <td style="width: 30%; padding-left: 40px">
                            &nbsp;
                        </td>
                        <td style="width: 20%; padding-left: 75px">
                            <input type="button" value="Google Search" />
                        </td>
                        <td style="width: 20%; padding-left: 75px">
                            <input type="button" value="I'm Feeling Lucky" />
                        </td>
                        <td style="width: 30%">
                            &nbsp;
                        </td>
                        <td style="width: 30%">
                            &nbsp;
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td style="width: 100%; height: 50px">
                <!--<table>
                    <tr>
                        <td style="width: 30%">
                        </td>
                        <td style="width: 40%">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <a href="http://www.google.com">Watch a short video</a> to learn more.
                        </td>
                        <td style="width: 30%">
                        </td>
                    </tr>
                </table> -->
            </td>
        </tr>
        <tr>
            <td>
                <table border="0">
                    <tr>
                        <td style="width: 10%">
                            &nbsp;
                        </td>
                        <td style="width: 15%; padding-left: 20px; text-align: right">
                            Google.co.in offered in:
                        </td>
                        <td style="width: 5%">
                            <a href="http://www.google.com">Hindi</a>
                        </td>
                        <td style="width: 5%">
                            <a href="http://www.google.com">Bengali</a>
                        </td>
                        <td style="width: 5%">
                            <a href="http://www.google.com">Telugu</a>
                        </td>
                        <td style="width: 5%">
                            <a href="http://www.google.com">Marathi</a>
                        </td>
                        <td style="width: 5%">
                            <a href="http://www.google.com">Tamil</a>
                        </td>
                        <td style="width: 5%">
                            <a href="http://www.google.com">Gujarati</a>
                        </td>
                        <td style="width: 5%">
                            <a href="http://www.google.com">Kannada</a>
                        </td>
                        <td style="width: 5%">
                            <a href="http://www.google.com">Malayalam</a>
                        </td>
                        <td style="width: 5%">
                            <a href="http://www.google.com">Punjabi</a>
                        </td>
                        <td style="width: 5%">
                            &nbsp;
                        </td>
                        <td style="width: 5%">
                            &nbsp;
                        </td>
                        <td style="width: 5%">
                            &nbsp;
                        </td>
                        <td style="width: 5%">
                            &nbsp;
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td style="height: 300px">
            </td>
        </tr>
        <tr>
            <td style="width: 100%">
                <hr />
            </td>
        </tr>
        <tr>
            <td style="width: 100%">
                <table border="0" width="100%">
                    <tr>
                        <td style="width: 10%; text-align: right">
                            <a class="bottomrowtable" href="https://www.google.co.in">iGoogle</a>
                        </td>
                        <td style="width: 30%; text-align: left">
                            <a class="bottomrowtable" href="https://www.google.co.in">Change background Image</a>
                        </td>
                        <td style="width: 10%; text-align: left">
                            <a class="bottomrowtable" href="https://www.google.co.in">Advertising Programs</a>
                        </td>
                        <td style="width: 10%; text-align: center">
                            <a class="bottomrowtable" href="https://www.google.co.in">Business Solutions</a>
                        </td>
                        <td style="width: 10%; text-align: center">
                            <a class="bottomrowtable" href="https://www.google.co.in">Privacy</a>
                        </td>
                        <td style="width: 10%; text-align: center">
                            <a class="bottomrowtable" href="https://www.google.co.in">About Google</a>
                        </td>
                        <td style="width: 10%; text-align: center">
                            <a class="bottomrowtable" href="https://www.google.co.in">Go to Google.com</a>
                        </td>
                    </tr>
                </table>
                &nbsp;
            </td>
        </tr>
    </table>
</body>
</html>
